<template>
	<view class="shop-activity-wrap">
		<view class="item-box" @click="goPointShop">
			<image src="../../static/images/index/jifengshangcheng.png" mode=""></image>
			<view class="content">
				<view class="title">
					积分商城
				</view>
				<view class="desc">
					缤纷好礼 兑换不停
				</view>
			</view>
		</view>
		<view class="activity">

			<view class="item-box" @click="goActivity">
				<image src="../../static/images/index/shequhuodong.png" mode=""></image>
				<view class="content">
					<view class="title">
						社区活动
					</view>
					<view class="desc">
						结交朋友 丰富生活
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goPointShop() {
				uni.navigateTo({
					url: '/garbage/pointShop/pointShop'
				})
			},
			goActivity(){
				uni.navigateTo({
					url:'/pages/underConstruction/underConstruction'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shop-activity-wrap {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		.item-box {
			width: 334rpx;
			height: 124rpx;
			background: #F4F6F6;
			border-radius: 8rpx;
			display: flex;
		    align-items: center;
					justify-content: space-evenly;
			image {
				width: 60rpx;
				height: 60rpx;
			}
			
			.content{
				.title{
					color: #333333;
					font-size: 28rpx;
				}
				.desc{
					color: #999999;
					font-size: 26rpx;
				}
			}
		}
	}
</style>
